import React from 'react'
import ChildrenOne from "@/components/05- 函数组件/ChildrenOne";

export default function App() {
    return (
        /**
         * 函数组件的特点：
         * 1- 函数组件是通过函数定义的
         * 2- 函数的名字即是组件的名字
         * 3- 组件的本质是对HTML标签的一种扩展
         * 4- 组件的名字（函数的名字）首字母必须大写。
         * 5- 函数返回的值即是该组件渲染的内容
         * 6- 将组件的名字作为标签使用。
         * 7- 返回值如果是null,undefined,true,false不会进行渲染。
         * 8- 函数组件可以被使用多次，函数组件是可以进行嵌套的（组合）
         * jsx:遇到{},会将{}的内容作为JS表达式输出。遇到<,如果<内的字母小写，那么作为普通标签使用
         *（如果浏览器无法识别该标签那么会有警告）。如果<内的首字母大写，那么会作为组件来处理。
         * 组件是通过函数定义的，那么称为函数组件。函数的名字即是组件的名字，可以将组件名字作为标签使用。
         * 函数返回的值即是该组件渲染的内容。
         */
        <>
            <div>
                我是函数组件
            </div>
            <ChildrenOne></ChildrenOne>
        </>
    )
}

